<template>
  <div>
    <n-card rd-8 shadow-sm segmented px-80 pt-20>
      <n-tabs type="line" placement="left">
        <n-tab-pane name="basic-setting" tab="基本设置">
          <basic-setting />
        </n-tab-pane>
        <n-tab-pane name="secur-setting" tab="安全设置">
          <secur-setting />
        </n-tab-pane>
      </n-tabs>
    </n-card>
  </div>
</template>

<script lang="ts" setup>
import { BasicSetting, SecurSetting } from "./components";

defineOptions({ name: "AccountSetting" });
</script>

<style scoped></style>
